<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>演示none的作用</title>
		<style>
			div{
				height: 400px;
				width: 400px;
				border: 5px solid gold;
				margin: 5px;
			}
			#d1{
				/* display: none; */
				/*visibility元素所占的空间不释放*/
				visibility: hidden;
			}
			p #t{
				height: 200px;
				width: 400px;
				border: 5px solid greenyellow;
				display: block;
			}
			div h2{
				border: 4px outset red;
				display: inline;
				background-color: darkgoldenrod;
			}
		</style>
	</head>
	<body>
		<!-- <div id="d1" hidden="hidden">111</div> -->
		<div id="d1" >111</div>
		<div id="d2">222</div>
		<p>
			<a href="#" id="t">taobao</a>
			<!-- p和标题标签不能互相作为子元素 -->
			<!-- <h2>你好，我是渣渣灰</h2>
			<h2>nihao,李焕英</h2> -->
		</p>
		<div>
			<h2>你好，我是渣渣灰</h2>
			<h2>nihao,李焕英</h2>
		</div>
	</body>
</html>
